<template>
  <div class="home">
     <p>{{num}}</p>
     <p>{{price}}</p>
     <button @click="num++">++</button>
  </div>
</template>

<script>
// @ is an alias to /src
import axios from 'axios';
import { computed,ref } from 'vue';
export default {
  name: 'Home',
  components: {

  },
  // data(){
  //   return{
  //     num: 10
  //   }
  // },
  // computed:{
  //   price(){
  //     return this.num*10
  //   }
  // },
  setup(){
    // axios.get('data.json').then(res => {
    //   console.log(res);
    // })
    const num = ref(10);

    const price = computed(() => num.value*10)
    return{
      num,
      price
    }
  }
}
</script>
